var liS = document.querySelectorAll('.container>div:not(.first)');
var lastIndex = 0;
var open;
for(var i = 0,index; i<liS.length; i++)
{
    liS[i].index = i ;
    liS[i].open = false;
    liS[i].onclick = function()
    {
        index = this.index ;//以获取当前下标
        console.log('index = '+index);
        if(index == lastIndex)
        {
            if(liS[index].open)
            {
                liS[index].style.transform = 'none';
                liS[index].open = false;
                console.log(liS[index].open);
            }else{
                liS[index].style.transform = 'translate(64vw,0)';
                liS[index].open = true;
                console.log(liS[index].open);
            }
        }else if(index < lastIndex)
        {
            for(var j=index; j<=lastIndex; j++)
            {
                liS[j].style.transform = 'none';
                liS[j].open = false;
            }
        }else{
            for(var j=lastIndex; j<=index; j++)
            {
                liS[j].style.transform = 'translate(64vw,0)';
                liS[j].open = true;
            }
        }
        lastIndex = index ;
        console.log('lastIndex = '+lastIndex);
    }
}